.layout-invite-box {
	.bg {
		position: fixed;
		left: 0;
		top: 0;
		width: 100vw;
		height: 100vh;
		display: block;
	}

	.bg-title {
		position: fixed;
		top: 200rpx;
		left: 50%;
		transform: translateX(-50%);
		width: 508rpx;
	}

	.invite-box {
		position: fixed;
		top: 380rpx;
		left: 50%;
		transform: translateX(-50%);

		.invite-code {
			width: 500rpx;
			padding: 50rpx 70rpx;
			border-radius: 15rpx;
			background-color: #fff;
			margin-bottom: 30rpx;

			.title {
				font-size: 32rpx;
				text-align: center;
				padding-bottom: 20rpx;
			}

			.code {
				margin: 20rpx 0;
				font-size: 40rpx;
				color: #d33123;
				text-align: center;
				border-top: 1px solid rgba(211, 29, 35, 0.2);
				border-bottom: 1px solid rgba(211, 29, 35, 0.2);
				padding: 20rpx 0;
			}

			.desc {
				font-size: 24rpx;
				color: #6e737d;
				margin-bottom: 30rpx;
				padding: 20rpx 0;
				text-align: center;
			}

			.price-box {
				display: flex;
				align-items: center;
				justify-content: space-between;
				margin-bottom: 50rpx;

				.box {
					width: 45%;

					.tit {
						text-align: center;
						font-size: 32rpx;
						color: #d33123;
						margin-bottom: 10rpx;
					}

					.gray {
						text-align: center;
						font-size: 24rpx;
						color: #6e737d;
					}
				}
			}

			.btn-box {
				display: flex;
				align-items: center;

				.btn {
					display: flex;
					align-items: center;
					justify-content: center;
					flex: 1;
					border-radius: 200px;
					line-height: 70rpx;
					text-align: center;
					color: #fff;
					font-size: 24rpx;
					padding: 0;
				}

				.black {
					background-color: #292b2e;
					margin-right: 20rpx;
				}

				.red {
					background-color: #d33123;
				}
			}
		}

		.who-invite {
			width: 500rpx;
			padding: 50rpx 70rpx;
			border-radius: 15rpx;
			background-color: #fff;

			.title {
				font-size: 32rpx;
				text-align: center;
				padding-bottom: 20rpx;
			}

			.btn {
				border-radius: 200px;
				line-height: 70rpx;
				text-align: center;
				color: #fff;
				font-size: 24rpx;
				background-color: #d33123;
				margin-top: 50rpx;
			}
		}
	}
}
